<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>

<head>
 <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/style.css" />
 <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/animate.min.css">
 <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/swiper-3.3.1.min.css">


 <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/jquery-1.10.2.min.js"></script>
 <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/wow.min.js"></script>
 <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/jquery.SuperSlide.2.1.1.js"></script>
 <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/mian.js"></script>
</head>

<cms:ads   code="'img_827533827',
'img_479937477',
'img_695144982',
'ZY_GongSiJianJie_3',
'bout_4',
'ZY_GuoYaoKongGuZhangSha_5',
'ZY_LeJieGengDuo_6',
'ZY_7_7',
'ZY_CangChuMianJiDa_8',
'ZY_9_9',
'ZY_JingYingPinGuiDa_10',
'ZY_11_11',
'ZY_GongXiangZhongGuoYiYao_12',
'ZY_13_13',
'ZY_YuHuNanSheng_14',
'ZY_XinWenZhongXin_15',
'ews_16',
'ZY_QuanBu_17',
'ZY_GongSiXinWen_18',
'ZY_XingYeXinWen_19',
'img_72676780',
'ZY_HuNanRiBao_21',
'ZY_22_22',
'ZY_YueRiShang_23',
'img_786819623',
'ZY_GuoNeiShouJiaHuoGong_25',
'ZY_26_26',
'ZY_YueRiGuo_27',
'img_725474864',
'ZY_ShangWuBuFaBu_29',
'ZY_30_30',
'ZY_JinRiShangWuBu_31',
'img_416046563',
'ZY_QuanGuoGongLiYiYuan_33',
'ZY_34_34',
'ZY_JinRiGuoJiaWei_35',
'img_450817218',
'ZY_HongShuiWuQingRenYou_37',
'ZY_38_38',
'ZY_Nian_39',
'img_165205219',
'ZY_GuoYaoKongGuShaoYang_41',
'ZY_42_42',
'ZY_ZhaiYaoYue_43',
'img_452694427',
'ZY_NianGuo_45',
'ZY_46_46',
'ZY_BingChengZuoYouYing_47',
'img_452594644',
'ZY_ZhongGuoYiYaoJiTuan_49',
'ZY_50_50',
'ZY_YueRi_51',
'img_208182908',
'ZY_HuNanRiBao_53',
'ZY_54_54',
'ZY_YueRiShang_55',
'img_5922943',
'ZY_GuoNeiShouJiaHuoGong_57',
'ZY_58_58',
'ZY_YueRiGuo_59',
'img_313386223',
'ZY_ShangWuBuFaBu_61',
'ZY_62_62',
'ZY_JinRiShangWuBu_63',
'img_795261110',
'ZY_QuanGuoGongLiYiYuan_65',
'ZY_66_66',
'ZY_JinRiGuoJiaWei_67',
'ZY_LeJieGengDuo_68',
'ZY_HeZuoHuoBan_69',
'artne_70',
'img_867383456',
'img_435429111',
'img_185312444',
'img_403092533',
'img_992116508',
'img_32094496',
'img_37999566',
'img_758951653',
'img_538400823',
'img_925586522',
'img_773136000',
'img_507546926'
"  ></cms:ads>
<!doctype html>
<html lang="en">
 <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/style.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/animate.min.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/common.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gzzx/pc/css/swiper-3.3.1.min.css">
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
  <style>
   .product-content1{
    width: 25%;
    margin: 30px 0px 10px 0px;
   }

   .product-content1 img{
    height: 145px;
   }

  </style>
 </head> 
 <body> 
  <!--头部导航star--> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <!--头部导航end--> 
  <!--banner-->
  <cms:ad var="slideshow" code="slideshow"></cms:ad>
  <div id="slideBox" class="slideBox"> 
   <div class="hd"> 
    <ul>
     <c:forEach items="${slideshow }" var="item">
      <li><span></span></li>
     </c:forEach>
    </ul> 
   </div> 
   <div class="bd"> 
    <ul>
     <c:forEach items="${slideshow }" var="item">
      <li><a href="# " title="关爱生命 呵护健康" class="link" > <img alt="关爱生命 呵护健康" src="${item.adImg}" title="关爱生命 呵护健康" data-type="ad" data-id="${img_827533827.adId}"> </a></li>
     </c:forEach>
    </ul>
   </div> 
  </div> 
  <!--banner——end--> 
  <!--公司简介--> 
  <div class="w_width" style="    height: 59%;">
   <div class="gs_profile bgabs"> 
    <div class="navtitle"> 
     <h3 class="zy" data-type="ad" data-id="${ZY_GongSiJianJie_3.adId}">${ZY_GongSiJianJie_3.adTitle}</h3> 
     <p class="zy" data-type="ad" data-id="${bout_4.adId}">${bout_4.adTitle}</p> 
    </div> 
    <p class="text animated fadeInUp zy" data-type="ad" data-id="${ZY_GuoYaoKongGuZhangSha_5.adId}">${ZY_GuoYaoKongGuZhangSha_5.adTitle}</p> 
    <a href="${path }/do/redirect/pc/about" title="" class="know animated fadeIn wow zy" data-wow-duration="3s"  data-type="ad" data-id="${ZY_LeJieGengDuo_6.adId}">${ZY_LeJieGengDuo_6.adTitle}</a>


    <div class="index-content-box" style="width: 1200px;margin: 40px auto 0 auto;min-height: 300px;">
     <!--产品-->
     <div class="row product-box">
      <!--选项卡菜单-->
      <ul class="tab-menu nav nav-tabs " role="tablist" style="width: 230px;float: left;background: #000000;height: 230px;">
       <!-- <li role="presentation" class="pr active"><a href="javascript:void(0);"  onclick="checkRouter('0')">重点产品</a></li> -->
       <li role="presentation" class="pr" style="height: 230px;display: flex;align-items: center;justify-content: center;"><a  href="javascript:void(0);" onclick="checkRouter('1')">
        产品介绍<span style="display: block;font-size: 14px;margin-top: 10px;">Product</span></a>
    </li>
      </ul>
      <!--选项卡内容-->
      <ul class="tab-content" style="height: 230px;">
       <li role="tabpanel" class="tab-pane" style="display: none">
        <cms:ad var="cpjs" code="cpjs"></cms:ad>
        <c:forEach items="${cpjs }" var="item">
         <div class="product-content1">
          <a class="content"  href="${path }/do/redirect/pc/product">
           <img src="${item.adImg}">
           <h3>
             ${item.adTitle}</h3>
          </a>
         </div>
        </c:forEach>

       </li>
       <li role="tabpanel" class="tab-pane"  style="display: flex">

        <cms:ad var="zdcp" code="zdcp"></cms:ad>
        <c:forEach items="${zdcp }" var="item">
         <div class="product-content1">
          <a class="content"  href="${item.adUrl}">
           <img src="${item.adImg}">
           <h3 style="margin-top: 8px;">
             ${item.adTitle}</h3>
          </a>
         </div>
        </c:forEach>


       </li>
      </ul>
     </div>
    </div>
   </div>
  </div> 
  <!--公司简介end--> 
  <!--查询人口--> 
  <!--查询人口end-->
  <!--新闻中心--> 
  <div class="w_width"> 
   <div class="gs_profile"> 
    <div class="navtitle">
     <h3 class="zy" data-type="ad" data-id="${ZY_XinWenZhongXin_15.adId}">${ZY_XinWenZhongXin_15.adTitle}</h3> 
     <p class="zy" data-type="ad" data-id="${ews_16.adId}">${ews_16.adTitle}</p> 
    </div> 
    <div class="slideTxtBox wow animated fadeInUp">

     <div class="comt toudilist"> 
      <div class="comt"> 
       <ul class="navtable">
        <cms:arts var="xwzx" code="newsCenter" pageSize="8" ></cms:arts>
        <c:forEach var="art" items="${xwzx }">
         <li>
<%--          <a href="${path }/do/redirect/pc/newsDetail?id=${art.artId}" class="img">--%>
           <div class="left" style="float: left;">
            <span> <img src="${art.artImage}" alt="新闻中心" title="新闻中心" ></span>
            <i class="iconfont"></i>
            <p class="back"> </p>
           </div>
<%--           <div class="right">--%>
<%--            <h2 class="zy" data-type="ad" data-id="${ZY_HuNanRiBao_21.adId}" style="text-align: left;">${art.artTitle}</h2>--%>
<%--            <!-- <span class="zy" data-type="ad" data-id="${ZY_22_22.adId}"> <fmt:formatDate value="${art.artCreatetiem }" pattern="yyyy-MM-dd"/></span> -->--%>
<%--            <p class="zy" data-type="ad" data-id="${ZY_YueRiShang_23.adId}">${art.artAbstract}</p>--%>
<%--           </div> --%>
<%--         </a>--%>
         </li>
        </c:forEach>
       </ul> 
      </div> 

      <!--全部end--> 
     </div> 
    </div> 
    <a href="${path }/${ZY_LeJieGengDuo_68.adUrl}" title="" class="know animated fadeIn wow zy" data-wow-duration="3s" data-type="ad" data-id="${ZY_LeJieGengDuo_68.adId}">${ZY_LeJieGengDuo_68.adTitle}</a>
   </div> 
  </div> 
  <!--新闻中心end--> 

  <!--右侧悬浮框end--> 
  <!--底部--> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <!--底部end--> 
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/wow.min.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/gzzx/pc/js/mian.js"></script>


  <script>

   function checkRouter(val){
    let list = $('.tab-pane');
    let prList = $('.pr');
    for (let i in list){
     if (val==i){
      list[val].style='display:flex';
      prList[val].classList.add("active");
     } else {
      list[i].style='display:none';
      prList[i].classList.remove("active");
     }
    }

   }


  </script>
 </body>
</html>